<template>
	<view class="container">
		<view class="content">
			<view class="list" v-for="item in reportList" :key="item.txt">
				<view class="list-item">
					<text>{{item.txt}}</text>
					<u-icon class="icon" name="arrow-right" @click="handleOpenClick"></u-icon>
				</view>
			</view>
		</view>
	</view>
	<!-- <view style="position: relative;">
		<view style="position: relative;padding: 20rpx 22rpx 20rpx;background: #FFFFFF;">
			<view style="width: 100%;padding: 25rpx 25rpx;box-sizing: border-box;font-size: 30rpx;" v-for="item in reportList" :key="item.txt">
				<view style="width: 100%;display: flex;justify-content: space-between;align-items: center;>
					<text style="color: #464646;">{{item.txt}}</text>
					<u-icon style="height: 20rpx;width: 20rpx;display: inline-block;color: #A1A1A1;" name="arrow-right" @click="handleOpenClick"></u-icon>
				</view>
			</view>
		</view>
	</view> -->
</template>

<script>
	import {
		getActivityDetail,
		userSignUpActivity
	} from '../../config/api.js';
	import {
		to,
		isLogin,
		getUserInfoDetail,
		getSystemInfo,
		pxToRpx
	} from '../../config/utils.js';
	export default {
		data() {
			return {
				headerHeight: 64,
				reportList: [{
						"txt": "举报昵称"
					},
					{
						"txt": "举报背景图"
					},
					{
						"txt": "举报声音名片"
					},
					{
						"txt": "ta是未成年人"
					},
					{
						"txt": "举报头像"
					},
					{
						"txt": "冒充他人"
					},
					{
						"txt": "涉嫌诈骗"
					},
					{
						"txt": "色情低俗"
					},
				],
			}
		},
		onLoad(params) {
			this.params = params;
			let system = getSystemInfo();
			if (system) {
				this.headerHeight = 44 + (system.statusBarHeight || 20);
			}
		},
		methods: {
			handleBack() {
				uni.navigateBack();
			},
			handleOpenClick() {
				uni.navigateTo({
					url: '/pages/report/detail'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.container {
		position: relative;

		.content {
			position: relative;
			padding: 20rpx 22rpx 20rpx;
			background: #FFFFFF;
			height: 100vh;

			.list {
				width: 100%;
				padding: 25rpx 25rpx;
				box-sizing: border-box;
				font-size: 30rpx;
			}

			.list .list-item {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.list .list-item text {
				color: #464646;
			}

			.list .list-item .icon {
				height: 20rpx;
				width: 20rpx;
				display: inline-block;
				color: #A1A1A1;
			}
		}
	}
</style>